<!DOCTYPE html>
<!-- saved from url=(0069)http://wx.zhongfubang.com/?signature=11e422c885eb53784a27dbc5702b8ab7 -->
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<title>关爱筹移动站</title>
		<link href="./css/mui.min.css" rel="stylesheet">
		<!--<link href="plugins/stepbar/element.min.css" />-->
		<link href="./css/index.css" rel="stylesheet">
		<style>
			.mui-slider .mui-slider-group .mui-slider-item {
				height: 15rem;
			}
			
			.mui-slider .mui-slider-group .mui-slider-item img {
				overflow: hidden;
			}
			
			.mui-bar-tab .mui-tab-item.mui-active {
				color: rgb(255, 91, 55);
			}
		</style>
		<style type="text/css" abt="234"></style>
		<style type="text/css"></style>
		<style type="text/css">
			object,
			embed {
				-webkit-animation-duration: .001s;
				-webkit-animation-name: playerInserted;
				-ms-animation-duration: .001s;
				-ms-animation-name: playerInserted;
				-o-animation-duration: .001s;
				-o-animation-name: playerInserted;
				animation-duration: .001s;
				animation-name: playerInserted;
			}
			
			@-webkit-keyframes playerInserted {
				from {
					opacity: 0.99;
				}
				to {
					opacity: 1;
				}
			}
			
			@-ms-keyframes playerInserted {
				from {
					opacity: 0.99;
				}
				to {
					opacity: 1;
				}
			}
			
			@-o-keyframes playerInserted {
				from {
					opacity: 0.99;
				}
				to {
					opacity: 1;
				}
			}
			
			@keyframes playerInserted {
				from {
					opacity: 0.99;
				}
				to {
					opacity: 1;
				}
			}
		</style>
	</head>

	<body>
		<!--<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">关爱筹移动站</h1>
	</header>-->
		<div id="app" class="mui-content">
			<div id="slider" class="mui-slider">
				<div class="mui-slider-group mui-slider-loop">
					<div  class="mui-slider-item mui-slider-item-duplicate">
						<a href="#"><img id="zhu2" src="./img/zhu2.jpg"></a>
					</div>
					<div class="mui-slider-item">
						<a href="#" style="height: 100%;"><img id="zhu4" src="./img/zhu1.jpg" style="height: 100%;"></a>
					</div>
				</div>
				<div class="mui-slider-indicator">
					<div id="active0" class="mui-indicator mui-active"></div>
					<div id="active1" class="mui-indicator"></div>
					<div id="active2" class="mui-indicator"></div>
				</div>
				<script type="text/javascript" charset="utf-8">
					//获得slider
				</script>
			</div>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div class="mui-pull-left"><span id="sum" class="orange bold" style="font-size: 24px;">{{user_num}}</span> <span style="color: rgb(168, 168, 168); font-size: 1.5rem;">名用户已加入</span></div>
				</li>
			</ul>
			<div id="kuai-box" class="cardbox">
				<div class="mui-row">
					<div id="btn_gongshi" class="mui-col-sm-6 mui-col-xs-6">
						<a href="publicNotice.html"><img src="./img/function01.png"></a>
					</div>
					<div id="btn_aboutus" class="mui-col-sm-6 mui-col-xs-6">
						<a href="aboutUs.html"><img src="./img/function02.png"></a>
					</div>
				</div>
				<div class="mui-row">
					<div id="share_weixin" class="mui-col-sm-6 mui-col-xs-6">
						<a href="javascript:shared();"><img src="./img/jiaru.png"></a>
					</div>
					<div id="btn_order_list" class="mui-col-sm-6 mui-col-xs-6">
						<a href="order_list.html"><img src="./img/function04.png"></a>
					</div>
				</div>
			</div>
			<div id="project_list" class="bigcardbox">
				<div class="mui-card cancer-card" v-for="value in product_list">
					<div class="mui-card-header">
						<div class="mui-card-media">
							<div class="mui-row mui-col-sm-12 mui-col-xs-12"><span>{{value.name}}</span></div>
							<div class="mui-row little-row mui-col-sm-12 mui-col-xs-12"><span>{{value.productTitle}}</span></div>
						</div>
					</div>
					<div class="mui-card-content"><img v-bind:src="value.hrefUrl" style="width: 100%;">
						<div class="range1">
							<div class="mui-row row1">
								<p>加入年龄条件：<span class="time">出生满30天-{{value.id==1?60:50}}周岁</span></p>
							</div>
							<div class="mui-row row2">
								<p>计划保障年龄：<span class="time">{{value.id==1?'出生满30天-75周岁':'出生满30天-终身'}}</span></p>
							</div>
						</div>
						<div class="mui-row info-row"><span>{{value.remark}}</span></div>
					</div> <button type="button" data-project-id="3" data-project-special="1" @click="showApplyProduct(value.id)" data-project-special-url="yiyuan_info.html" class="mui-popup-button mui-card-footer mui-col-xs-12">立即加入</button></div>
				<div class="footer">
					<!--
					<div class="mui-row">
						<p>关爱筹计划不是保险·会员预缴的关爱筹金不是保险费</p>
						<p>关爱筹平台也不是商业保险公司</p>
						<p>加入关爱筹计划是单向的捐赠或捐助行为，不能预期获得确定的风险保障。关爱筹平台不对关爱筹申请人获得的关爱筹金金额做出保证和承诺，关爱筹申请人最终获得的关爱筹金金额以会员实际捐赠金额为准。</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
					</div>
					-->
					<div class="mui-row img-row"><img src="./img/important-notice.png" style="width: 25%;height:auto;">
						<p>关爱筹计划不是保险·会员预缴的关爱筹金不是保险费</p>
						<p>关爱筹平台也不是商业保险公司</p>
						<p>加入关爱筹计划是单向的捐赠或捐助行为，不能预期获得确定的风险保障。关爱筹平台不对关爱筹申请人获得的关爱筹金金额做出保证和承诺，关爱筹申请人最终获得的关爱筹金金额以会员实际捐赠金额为准。</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
					</div>
				</div>
				<nav class="mui-bar mui-bar-tab">
					<a href="index.html" class="mui-tab-item mui-active"><span class="mui-icon mui-icon-home"></span> <span class="mui-tab-label">首页</span></a>
					<a href="order_list.html" class="mui-tab-item"><span class="mui-icon mui-icon-email"></span> <span class="mui-tab-label">互助</span></a>
					<a href="new_list.html" class="mui-tab-item"><span class="mui-icon mui-icon-gear"></span> <span class="mui-tab-label">关爱</span></a>
					<a href="myCenter.html" class="mui-tab-item"><span class="mui-icon mui-icon-person"></span> <span class="mui-tab-label">我的</span></a>
				</nav>
			</div>

			<!--stepbar-->
			<script src="./js/mui.js"></script>
			<script src="./js/axios.min.js"></script>
			<script src="./js/jquery-1.10.2.min.js"></script>
			<script src="./js/common.js"></script>
			<script src="./js/vue.min.js"></script>
			<script type="text/javascript" charset="utf-8">
				//获得slider插件对象
				mui.init({
					swipeBack: true //启用右滑关闭功能
				});
				var slider = mui("#slider");
				slider.slider({
					interval: 2000 //自动轮播周期，若为0则不自动播放，默认为0；
				});

				var vue = new Vue({
					el: "#app",
					data: {
						product_list: [],
						user_num: 0,
						user_info: []
						//slider_img_list: []
					},
					updated: function() {
						var sliderMuiObj = mui("#slider");
						sliderMuiObj.slider({
							interval: 3000
						});
					},
					methods: {
						showApplyProduct: function(sender) {
							showApplyProductWindow(sender);
						}
					}
				});
				window.onload = load();
				var i=0;
				function load() {
					checkVersion();
					get_user_num();
					get_product_list();
					window.setInterval(function(){
						if(i==2){
							$("#active"+i).attr("class","mui-indicator mui-active");
							$("div[id*=active]").not($("#active"+i)).attr("class","mui-indicator"),
							i=0;
							$("#zhu4").attr("src","./img/zhu3.jpg");
						}else if(i==1){
							$("#active"+i).attr("class","mui-indicator mui-active");
							$("div[id*=active]").not($("#active"+i)).attr("class","mui-indicator"),
							$("#zhu4").attr("src","./img/zhu2.jpg");
							i++;
						}else{
							$("#active"+i).attr("class","mui-indicator mui-active");
							$("div[id*=active]").not($("#active"+i)).attr("class","mui-indicator"),
							$("#zhu4").attr("src","./img/zhu1.jpg");
							i++;
						}
					},2500)
				}

				function get_product_list() {
					var url = root + "index/selectProductList";
					mui.get(url, {}, function(result) {
						console.log('请求失败：' + result.data);
						vue.product_list = result.data;
					}, 'json');
				}

				function get_user_num() {
					var url = root + "index/selectAppUserCount";
					mui.get(url, {}, function(result) {
						vue.user_num = result.data;
					}, 'json');
				}

				function load_index_info() {
					var url = root + "app/home/getHomeInfo";
					mui.post(url, {},
						function(data) {
							index_info.products = data.products;
							index_info.usernums = data.usernums;

						}, 'json'
					);
				}

				function check_user_info() {

				}

				function showApplyProductWindow(id) {
					if(id==1){
						mui.openWindow('applyDaBingBaoProduct.html?id=' + id, '', {});
					}else if(id==2){
						mui.openWindow('kangAiBaoBaoProduct.html?id=' + id, '', {});
					}
				}

				mui('.mui-bar-tab').on('tap', 'a', function() {
					var href = this.getAttribute('href');
					if(href == "myCenter.html" || href == "order_list.html") {
						if(!isLogin()) {
							window.location.href = "login.html";
						} else {
							window.location.href = this.getAttribute('href');
						}
					} else {
						window.location.href = this.getAttribute('href');
					}
				});

				function shared() {
					if(!isLogin()) {
						window.location.href = "login.html";
						return;
					}
					var appUser = JSON.parse(localStorage.appUser);
					get_user_info(appUser.id);
					if(vue.user_info.cityPromotionCheckStatus == 2){
						mui.alert("您已经是推广代理了");
						return;
					}
					if(vue.user_info.cityPromotionCheckStatus == 1){
						mui.alert("您已申请区域推广合作，请您耐心等待业务人员进行审核");
						return;
					}
					if(vue.user_info.appUserType ==1){
						mui.alert("您还不是地市推广代理，必须是VIP会员才能申请地市推广代理");
						return;
					}
					if(vue.user_info.appUserType ==2){
						var btnArray = ['否', '是'];
						mui.confirm('您还不是地市推广代理，确认要申请成为地市推广代理吗？', '确认', btnArray, function(e) {
							if(e.index == 1) {
								var updateParam = {id:appUser.id,cityPromotionCheckStatus:1};
								var resultObject = ajaxAction(root+"myCenter/updateAppUserInfo",updateParam);
								if(resultObject.status == 'success'){
									mui.alert("已申请成功，请您耐心等待业务人员进行审核");
								}else{
									mui.alert("操作失败，请稍后重试");
								}
							} 
						});
					}
				}
				
				function get_user_info(user_id) {
					var url = root + "myCenter/detailAppUser";
					var result = ajaxGetAction(url,{
							appUserId: user_id
					});
					vue.user_info = result.data;
			}
				
			</script>

	</body>

</html>